<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
    <title>设置</title>
    <!-- 导入字体图样式 -->
    <link rel="stylesheet" href="../Public/iconfont/iconfont.css">
    <!-- 导入公共css样式 -->
    <link rel="stylesheet" href="../Public/css/common.css">
    <!-- 导入头部导航的JS样式 -->
    <script src="../Public/js/utils.js"></script>
    <!-- 导入JQuery库js样式 -->
    <script src="../Public/js/jQuery.mini.js"></script>
    <!-- 导入文档的CSS样式 -->
    <link rel="stylesheet" href="../Personalcenter/css/setting.css">
    <!-- 导入文档的JS样式 -->
    <!-- <script src="../Personalcenter/js/corporateInformation.js"></script> -->
    <!-- 头部导航 -->
    <script>
        window.onload = function() {      
            utils.addHeader(1, '设置', ``, 1);      
            $(function() {
                // 滑动按钮
                $('.switch .switch-off').off('click').on('click', function() {
                    $(this).removeClass('switch-current switch-current-left');
                    $(this).siblings('.switch-on').addClass('switch-current switch-current-right on').parent().addClass('switch-yes')
                });
                $('.switch .switch-on').off('click').on('click', function() {
                    if ($(this).hasClass('switch-on')) {
                        $(this).removeClass('switch-current switch-current-right').parent().removeClass('switch-yes');
                        $(this).siblings('.switch-off').addClass('switch-current switch-current-left')
                    }
                });
                // 更改手机号
                $('.cell').eq(0).click(function() {
                    window.location.assign('changePhoneNumber.html')
                });
                // 修改密码
                $('.cell').eq(1).click(function() {
                    window.location.assign('changePassword.html')
                });
            })
        }
    </script>
</head>

<body>
    <div class="box">
        <div class="cell">
            <span class="name">更改手机号码</span>
            <span class="icon iconfont icon-xiangyou"></span>
        </div>
        <div class="cell">
            <span class="name">修改密码</span>
            <span class="icon iconfont icon-xiangyou"></span>
        </div>
        <div class="cell">
            <span class="name">消息通知</span>
            <div class="switch">
                <span class="switch-on"></span>
                <span class="switch-off switch-current switch-current-left"></span>
            </div>
        </div>
        <div class="cell">
            <span class="name">清除缓存</span>
            <span class="tips">
                <span class="tips_1">9.2M</span>
            <span class="icon iconfont icon-xiangyou"></span>
            </span>
        </div>
        <div class="cell">
            <span class="name">升级版本</span>
            <span class="tips">
                <span class="tips_1">当前版本 2.8.9</span>
            <span class="icon iconfont icon-xiangyou"></span>
            </span>
        </div>

    </div>
    <div class="logout">
        <button>退出账号</button>
    </div>
</body>

</html>